<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rTTiRUKnSWaDu2FjhzWFl8/JuUZMlplyWE/djenb2LoKqkgLGfEGfSrL7XDLoB1M" crossorigin="anonymous">
<link href="css/owl.carousel.css" rel="stylesheet">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<!-- Custom Theme files -->
<link href="css/style2.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="all" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Interior Design Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- for bootstrap working -->
		<script src="js/bootstrap.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-Nj1D6pu2WnJojj+67GiU9ZFNwbl7bUWX5Kj5MS22C8bGjllemM9pvQyvj14zJb58" crossorigin="anonymous"></script>
<!-- //for bootstrap working -->
<!-- web fonts -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<style type="text/css" >
		  hr {
			  display: block;
		      color: #000;
		      border: 0;
		      font-size: 1.875rem;
		      padding: 1.8125rem 0; 
		      position: relative;
			 /* background-color: #000000; */ 
			  margin-top: 1.25rem;
		  }
		  .hr::before {
			  font-size:2.5rem;
			  font-weight: bold;
			  color:#0053A1;
		      content: attr(data-content-before);
		      position: absolute;
		      padding: 0 0.625rem;
		      line-height: 0.0625rem;
		      border: solid #0053A1;
		      border-width: 0 50vw;
		      white-space: nowrap;
		      left: 50%;
		      transform: translateX(-50%);
			 /* background-color: #000000; */
		  }
		  @media screen and (max-width: 768px) {
		  	.hr::before{
		  		font-size: 1.8rem;
		  	}
		  }
		  /* .hr[1]::before{
			  content:"程序委员会主席 (Program Chairs)";
		  } */
		  /* .hr:last-child::before{
			  content:"程序委员会主席 (Program Chairs)";
		  } */
		  .panel{
			  display: block;
			  margin: 0;
		  }
		  .panel .row>div{
			  padding:0.5rem 1.625rem;
			  cursor: pointer;
			  padding-bottom: 1.25rem;
		  }
		  .panel .row>div:hover{
		  	  color: #FFA500;
		  }
		  .panel-heading{
			 /* vertical-align: middle;
			 /* background-color: #006600; */ 
		  }
		  .panel-body , .panel-heading{
			  padding: 0;
			  margin: 0;
		  }
		  .active{
		  	background-color: #292929;
		  	color: white;
		  }
		  .table  tbody tr td,th{
			vertical-align: middle;
			text-align:center;
			line-height: 2.5rem;
		  }
</style>


 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>

</head>
<body>
<div class="header-top">
	<div class="container">
		<p class="location"><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>39.13N 117.2E
			TianJin</p>
		<p class="phonenum"><span class="glyphicon glyphicon-earphone"
				aria-hidden="true"></span>+86&nbsp;15822541480</p>
		<span class="h2 artw" style="position: absolute;left: 42%;top:-2%;">
			CAAI&nbsp;2022&nbsp;天津
		</span>
		<div class="clearfix"></div>
	</div>
</div>


<div class="navigation">

	<nav class="navbar navbar-default">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
				data-target="#bs-example-navbar-collapse-1">
				<!-- <span class="sr-only">Toggle navigation</span> -->
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<span class="navbar-brand artw bigtit">CAAI&nbsp;2022&nbsp;天津</span>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav navbar-right">
				<li><a href="index.html">首页</a></li>
				<li><a href="second.html">组委会</a></li>
				<li class="active"><a href="third.html">大会程序</a></li>
				<li><a href="fourth.html">特约报告</a></li>
				<li><a href="fifth.html">专题讨论会</a></li>
				<li><a href="sixth.html">会议注册</a></li>
				<li><a href="seventh.html">交通和酒店</a></li>
				<li><a href="eighth.html">赞助商</a></li>
			</ul>
			<div class="clearfix"></div>
		</div>
	</nav>
</div>
<script>
			if(IsMobile()){
				var nav=$(".navigation nav");
				console.log($(nav).length);
				$("nav").addClass("navbar-fixed-top");
				
			}
		</script>

	
	  <div class="class="jumbotron" style="position:relative;z-index:1;margin:0 auto; background-color:white;">
	     <img src="./images/tj3.jpg"  class="img-responsive city" alt="天津" style="opacity:0.6; filter: alpha(opacity=60);"   />
		 <div style="width:100%;position:absolute;z-index:2;top:30%; text-align:center;">
		    <!-- <h1 class="h2 artw"><strong>CAAI&emsp;2022&emsp;COMMITTEES</strong></h1> -->
			<h1 class="h2 artw"><strong><span>CAAI&emsp;2022&emsp;</span>大会程序</strong></h1>
		 </div>
	  </div>
	  
	  <!-- 会议议程框 -->
	    <div class="container">
	  	  <table class="table table-bordered">
	  	  	<caption class="text-center h4">4月17日(全天)活动安排<strong class="text-danger">(特邀报告)</strong></caption>
	  	  	<thead>
	  	  		<tr>
	  	  			<th>上午/下午</th>
	  	  			<th>时间段</th>
	  	  			<th>活动</th>
					<th>地点</th>
	  	  		</tr>
	  	  	</thead>
	  	  	<tbody>
	  	  		<tr>
	  	  			<td rowspan="4">上午</td>				
	  	  		</tr>
	  	  		<tr>	  	  			
	  	  			<td>8:00~8:30</td>
	  	  			<td>开幕式</td>
					<td rowspan="8">
						会议室3304
					</td>
					
	  	  		</tr>
	  	  		<tr>
	  	  			<td>8:40~11:30</td>
	  	  			<td>
						题目：
						<strong class="text-primary">
							花儿为什么这样红？
						</strong>
						主讲人：
						<strong>
						半仙儿（北京大学）
						</strong>
						<a href="">pdf下载</a>
					</td>
	  	  		</tr>
				<tr>
					<td>8:40~11:30</td>
					<td>
						特邀报告
						题目：花儿为什么这样红？
						主讲人：半仙儿（北京大学）
						<a href="">pdf下载</a>
					</td>
				</tr>
				<tr>
					<td>中午</td>
					<td>8:40~11:30</td>
					<td>
						吃午饭
					</td>
					
				</tr>
				
				<tr>
					<td rowspan="4">下午</td>				
				</tr>
				<tr>	  	  			
					<td>8:00~8:30</td>
					<td>开幕式</td>
					
				</tr>
				<tr>
					<td>8:40~11:30</td>
					<td>
						特邀报告：
						题目：花儿为什么这样红？
						主讲人：半仙儿（北京大学）
					</td>
				</tr>
				<tr>
					<td>8:40~11:30</td>
					<td>
						特邀报告：
						题目：花儿为什么这样红？
						主讲人：半仙儿（北京大学）
					</td>
				</tr>
	  	  	</tbody>
	  	  </table>
		  
		  
	    </div>
	  <!-- 会议议程框 -->
	  
	  <script>
	  	var hr=$(".hr");
	  	var len=$(hr).length;
	  	var tit=['CAAI 2022会议总体日程']
	  	$(hr).each(function(i){
	  	   $(this).attr("data-content-before",tit[i]);
	  	});
	  	console.log(len);		
	  
	  </script>
					
	<footer>
		<div class="widewrapper footer">
			<div class="container">
				<div class="row">
					<div class="col-md-4 footer-widget">
						<h3> <i class="fa fa-user"></i>往期回顾</h3>
	
						<p>
							
						2022年第一届CAAI大会将在天津市举办，为了办好 CAAI 2022 这一盛会，我们诚挚邀请大家踊跃赞助！
						</p>
						</div>
	
					<div class="col-md-4 footer-widget">
						<h3> <i class="fa fa-pencil"></i> 会议信息</h3>
						<ul class="clean-list">
							<li>2022年4月15日（星期五）正式报到，报到地点：天津大学北洋园校区，时间：10:00～23:00。</li>
							<li>2022年4月16日（星期六）全天开会，安排5个特邀报告，每个报告（含提问环节）一小时。</li>
							<li>2022年4 月17日（星期天）上午，专题讨论会，每个报告15分钟；下午代表离会或自由安排。</li>
						</ul>
					</div>
	
					<div class="col-md-4 footer-widget">
						<h3> <i class="fa fa-envelope"></i>联系我们</h3>
							<p>
								联系方式：<br>
								
								天津大学智能与计算学部&nbsp;
								<br>金弟&nbsp;15822541480&nbsp;jindi@tju.edu.cn
								<br>
								河北工业大学人工智能与数据科学学院&nbsp; 
								<br>杨亮 &nbsp; 13752497682&nbsp;yangliang@vip.qq.com
	
							</p>
						<!-- <div class="footer-widget-icon">
						<i class="fa fa-facebook"></i><i class="fa fa-twitter"></i><i class="fa fa-google"></i>
					</div> -->
					</div>
	
				</div>
			</div>
		</div>
	</footer>
				


</body>
</html>